<template>
  <div class="lmain">
    <div class="t">
      <h3>绍兴华城垃圾焚烧厂</h3>
    </div>

    <div class="lmain-b">
      <div>基础信息</div>
      <div>
        <span>
          <label>运营公司：</label>华洁环卫集团
        </span>
        <span class="ml"><label>联系电话：</label>028-8745623</span>
      </div>
      <div>
        <span>
          <label>地&nbsp;&nbsp;&nbsp;&nbsp;址：</label>绍兴市越城区啊啊大对面
        </span>
      </div>
      <div>
        <span><label>占地面积：</label>：3000㎡</span>
        <span class="ml"><label>启用时间：</label>：20010年10月8日</span>
      </div>
      <div>
        <span><label>造&nbsp;&nbsp;&nbsp;&nbsp;价：</label>200万</span>
        <span class="ml"><label>设备投资：</label>20010年10月8日</span>
      </div>
      <hr />
      <div>
        <span><label>处置能力</label></span>
        <span class="ml"><label>超载次数：</label>5次</span>
      </div>
      <div>
        <span><label>日处理能力：</label>2025吨</span>
        <span class="ml"><label>发电功率：</label>≈580度/吨</span>
      </div>
    </div>

  </div>
</template>
<script>
  export default {
    data() {
      return {

      }
    },
    components: {},
    mounted() {},
    methods: {}
  }
</script>
<style>
  .lmain {
    position: absolute;
    left: 22%;
    top: 20.8%;
    width: 21%;
  }
  .t{
  	padding-top: 1%;
  	padding-bottom: 1%;
  	padding-right: 20px;
  	padding-left: 20px;
  	border: 1px solid #C1DFF9;
    background-color: #29495E;
    opacity: 0.9;
    color: white;
  }
  .lmain-b{
  	margin-top: 5px;
  	padding-top: 10px;
  	padding-right: 20px;
  	padding-left: 20px;
    padding-bottom: 10px;
    background-color: #232D39;
    opacity: 0.9;
    font-size: 11px;
  }
  .lmain-b div{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ml{
    position: absolute;
    left: 50%;
  }
  hr{
    margin-top: 10px;
    margin-bottom: 10px;
  }
</style>
